<!DOCTYPE html>
<html>

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <link rel="stylesheet" href="./css/bl.css">
  <title>Document</title>
  <style></style>
</head>

<body>
  <div class="mb-tou">
    <div class="t1">
      <div>
        <a href="#" class="m1">模板之家</a>
        <a href="#">首页</a>
        <a href="#">网站模板</a>
        <a href="#">模板标签</a>
        <a href="#">小程序模板</a>
      </div>
      <div>
        <input type="text" placeholder="请输入关键词...">
        <button>搜索</button>
        <button>登录/注册</button>
      </div>
    </div>
  </div>
  <div class="dl">
    <img src="./img/fengjing.jpg" alt="">
    <div class="dl-a1">
      <div class="dl-a2">
        <h3>登录</h3>
      </div>
      <div class="dl-a3">
        <div>
          <img src="./img/人物.png" alt="">
          <input type="text" placeholder="手机号码">
        </div>
        <div>
          <img src="./img/锁.png" alt="">
          <input type="text" placeholder="密码">
        </div>
      </div>
      <div class="dl-a4">
        <div>
          <input type="checkbox" id="yes">
          <label for="yes">自动登录</label>
        </div>
        <div>
          <a href="#">忘记密码?</a>
        </div>
      </div>
      <div class="dl-a5">
        <button>登录</button>
      </div>
      <div class="dl-a6">
        <div>
          <a href="#">免费注册</a>
        </div>
        <b>|</b>
        <div>
          <a href="#">忘记密码</a>
        </div>
      </div>
    </div>
  </div>
</body>

</html>